<template>
	<view>
		<view style="height: 14rpx;background-color: #F3F3F3;"></view>
		<!-- 选项卡 -->
		<view class="title_list">
			<view v-for="(item,index) in title_list" :key='index' :class="{active:ac_index==index}" @click="choose_index(index)">{{item}}</view>
		</view>
		<view style="height: 14rpx;background-color: #F3F3F3;"></view>
		<view v-if="ac_index==0">
			<disServe></disServe>
		</view>
	</view>
</template>

<script>
	import disServe from './comp/dis_serve.vue'
	export default {
		data(){
			return{
				title_list:['分销服务','分销成员','已下架'],
				ac_index:0
			}
		},
		methods:{
			choose_index(index){
				this.ac_index = index
			}
		},
		components:{
			disServe
		}
	}
</script>

<style scoped lang="less">
	.title_list{
		padding: 30rpx 24rpx;
		display: flex;
		justify-content: space-between;
		background: white;
		padding-bottom: 0;
		view{
			padding-bottom: 28rpx;			
			font-size: 30rpx;
			font-family: PingFang;
			font-weight: 500;
			color: #8E8E8E;
		}
		.active{			
			font-size: 30rpx!important;
			font-family: PingFang;
			font-weight: bold!important;
			color: #00C6C2!important;
			border-bottom:  6rpx solid #00C6C2;
		}
	}
</style>
